<template>
	<view>
		<z-header url-type="navigateBack">{{userData.name}}</z-header>
		<play-list :items="list"></play-list>
		<loading-foot :status="footLoadStatus"></loading-foot>
	</view>
</template>

<script>
	import playList from '@/pages/play/playlist'
	export default {
		components:{
			'play-list':playList
		},
		data() {
			return {
				footLoadStatus: 'loading',
				userData: {
					name: 'Mark Robertson'
				},
				list: [
					{_id:'1', name:'Concerning Hobbits', previewImg:'/static/play/item-bg-1.jpg', avatarUrl:'/static/avatar1.jpg', likeCount:'22, 033', liked: false, author: 'author1', audio:'/static/temp/Concerning Hobbits.mp3', duration:'00:20:23'},
					{_id:'2', name:'如何做自我清理',previewImg:'/static/play/item-bg-2.jpg', avatarUrl:'/static/avatar2.jpg', likeCount:'22, 033', liked: true, author: 'author1', audio:'/static/temp/Concerning Hobbits.mp3', duration:'00:12:23'},
					{_id:'3', name:'Firestone2 Concerning Hobbits',previewImg:'/static/play/item-bg-3.jpg', avatarUrl:'/static/avatar3.jpg', likeCount:'22, 033', liked: true, author: 'author1', audio:'/static/temp/Concerning Hobbits.mp3', duration:'00:32:43'},
					{_id:'4', name:'Firestone3',previewImg:'/static/play/item-bg-1.jpg', avatarUrl:'/static/avatar1.jpg', likeCount:'22, 033', liked: true, author: 'author1', audio:'/static/temp/Concerning Hobbits.mp3', duration:'00:05:09'},
					{_id:'5', name:'Firestone4',previewImg:'/static/play/item-bg-2.jpg', avatarUrl:'/static/avatar2.jpg', likeCount:'22, 033', liked: true, author: 'author1', audio:'/static/temp/Concerning Hobbits.mp3', duration:'01:00:23'},
					{_id:'6', name:'Firestone5',previewImg:'/static/play/item-bg-3.jpg', avatarUrl:'/static/avatar3.jpg', likeCount:'22, 033', liked: true, author: 'author1', audio:'/static/temp/Concerning Hobbits.mp3', duration:'00:45:07'},
					{_id:'7', name:'Concerning Hobbits', previewImg:'/static/play/item-bg-1.jpg', avatarUrl:'/static/avatar1.jpg', likeCount:'22, 033', liked: false, author: 'author1', audio:'/static/temp/Concerning Hobbits.mp3', duration:'00:20:23'},
					{_id:'8', name:'如何做自我清理',previewImg:'/static/play/item-bg-2.jpg', avatarUrl:'/static/avatar2.jpg', likeCount:'22, 033', liked: true, author: 'author1', audio:'/static/temp/Concerning Hobbits.mp3', duration:'00:12:23'},
					{_id:'9', name:'Firestone2 Concerning Hobbits',previewImg:'/static/play/item-bg-3.jpg', avatarUrl:'/static/avatar3.jpg', likeCount:'22, 033', liked: true, author: 'author1', audio:'/static/temp/Concerning Hobbits.mp3', duration:'00:32:43'},
					{_id:'10', name:'Firestone3',previewImg:'/static/play/item-bg-1.jpg', avatarUrl:'/static/avatar1.jpg', likeCount:'22, 033', liked: true, author: 'author1', audio:'/static/temp/Concerning Hobbits.mp3', duration:'00:05:09'},
					{_id:'11', name:'Firestone4',previewImg:'/static/play/item-bg-2.jpg', avatarUrl:'/static/avatar2.jpg', likeCount:'22, 033', liked: true, author: 'author1', audio:'/static/temp/Concerning Hobbits.mp3', duration:'01:00:23'},
					{_id:'12', name:'Firestone5',previewImg:'/static/play/item-bg-3.jpg', avatarUrl:'/static/avatar3.jpg', likeCount:'22, 033', liked: true, author: 'author1', audio:'/static/temp/Concerning Hobbits.mp3', duration:'00:45:07'}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
